<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <style>
        .error {
            color:red;
        }
        #main {
            clear: both;
            border:0px solid orange;
            margin:10px auto;
            text-align: center;
        }
        .loginTable {
            width:400px;
            margin:1px auto;
        }
        .loginTable .leftTD {
            text-align: right;
            padding-right:5px;
            height:25px;
            width:50px;
            line-height: 25px;
            border:0px solid red;
        }
        .loginTable .rightTD {
            width: 250px;
            border:0px solid red;
            text-align: left;
        }
        .loginTable .rightTD input{
            text-align: left;
            padding-left:15px;
            height:25px;
            width:130px;
            line-height: 25px;
            background-color: darksalmon;
            vertical-align: middle;
        }
        .loginTable .cmdTD input {
            text-align: center;
            height:35px;
            width:80px;
            line-height: 35px;
            background-color: #FFD026;
            vertical-align: middle;
            font-size: 20px;
            font-weight: bolder;
        }
    </style>
    <script src="js/jquery/jquery-1.11.0.min.js"></script>
    <script src="js/jquery/jquery.form.min.js"></script>
    <script>
        /*var dt = new Date().getTime();*/
        $.getScript('js/user/userLogin.js',function(){
            console.log('...load js/user/userLogin.js OK');
        });
    </script>
</head>
<body>
<div id="header"></div>
<div id="main">
    <h2>用户登录</h2>
    <form id="loginForm" action="/userLogin.action" method="post"> <!--onsubmit="return checkLogin()"-->
        <table class="loginTable">
            <tr>
                <td colspan="2"><span class="error" id="errMsg"></span></td>
            </tr>
            <tr>
                <td class="leftTD">用户名</td>
                <td class="rightTD">
                    <input type="text" name="username" id="username" placeholder="请输入用户名">
                    <span id="usernameSpan" class="error"></span>
                </td>
            </tr>
            <tr>
                <td class="leftTD">密码</td>
                <td class="rightTD">
                    <input type="password" name="pwd" id="pwd" placeholder="请输入密码">
                    <span id="passwordSpan" class="error"></span>
                </td>
            </tr>
            <tr>
                <td class="cmdTD" colspan="2">
                    <input type="submit" value="登录"> &nbsp;
                    <input type="reset" value="重置"></td>
            </tr>
        </table>
    </form>
</div>


</body>
</html>